<template>
  <div class="page fxActivityRecord">
    <div class="scroll-view">
      <customHeader v-if="role=='1'" middleTitle="返现营销" rightTitle="设置" @rightCallBack="handdleSetting"/>
      <customHeader v-else middleTitle="返现营销"/>
      <!-- <customHeader middleTitle="返现营销"/> -->
      <div class="page-body">
        <ul class="form-style">
          <li @click="linkToAcitvity()">
            <span>门店活动明细</span>
            <div>
              <i class="zhk-list_rarrow"></i>
            </div>
          </li>
        </ul>
        <ul class="form-style">
          <li @click="linkToList('3')">
            <span>津贴收款记录</span>
            <div>
              <i class="zhk-list_rarrow"></i>
            </div>
          </li>
          <li @click="linkToList('8')">
            <span>津贴发放记录</span>
            <div>
              <i class="zhk-list_rarrow"></i>
            </div>
          </li>
          <li @click="linkToList('7,9')">
            <span>服务费支出记录</span>
            <div>
              <i class="zhk-list_rarrow"></i>
            </div>
          </li>
        </ul>
      </div>
    </div>
  </div>
</template>

<script>
import Vue from "vue";
import customHeader from "../../components/header/header";
import jsBridge from "../../tools/jsBridge.js";

export default {
  name: "fxActivityRecord",
  data() {
    return {
      hasNew: false,
      appVersion: "",
      isAndroid: false,
      role:null
    };
  },
  methods: {
    linkToList(type) {
      this.$router.push({ path: "/fxActivityRecord/list", query: { type: type } });
    },
    linkToAcitvity() {
      this.$router.push({ path: "/fxActivityRecord/fxActivityList" });
    },
    handdleSetting() {
      this.$router.push({ path: "/fxActivityRecord/list/fxSettings" });
    },
  },
  created() {
    CommonUtil.getUserInfo().then(data => {
      this.role = data.role;
    });
  },
  components: {
    customHeader
  }
};
</script>
<style lang='scss' scoped>
@import "fxActivityRecord";
</style>
